<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/rest.css">
    <script type="text/javascript" src="//y0.ifengimg.com/base/jQuery/jquery-1.8.3.min.js"></script>
    <style>
        ul{
            margin-top:100px;
        }
        ul li{
            float:left;
            padding:4px 8px;
            border:1px solid #ccc;

        }
    </style>
</head>
<body>
<ul>
    <li><a href="./views/waterRipple.html" target="_blank">水波纹按钮</a></li>
    <li><a href="./views/纯css3实现3d字幕.html"  target="_blank">纯css3实现3d字幕</a></li>
    <li><a href="./views/文字超出跑马灯效果.html"  target="_blank">纯js文字超出跑马灯效果</a></li>
    <li><a href="./views/文字超出跑马灯效果2.html"  target="_blank">marqueen插件文字超出跑马灯效果</a></li>
    <li><a href="./views/用css制作漂亮的圆环.html"  target="_blank">用css制作漂亮的圆环.html</a></li>
    <li><a href="./views/echarts/index.html"  target="_blank">echarts地图</a></li>
</ul>
</body>
</html>